<template>
  <div>
    <button @click="bool = !bool">点我</button>
    <div v-show="bool">我是v-show控制 </div>
    <div v-if="bool">我是v-if控制 </div>
    <div v-else>我是v-else控制 </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      bool : false
    };
  },                                                                       

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style >
  div{
    width: 100px;
    height: 100px;
    background-color: pink;
  }
</style>